{template header_static.html}
{php extract(dr_get_form_post_value('zxly'))}
<body>
    <div id="warpper">
        {template header.html}
        <section>
            <div class="contain">
                <div class="bannerwarp">
                    <div class="scrollBar">
                        <?php $hdtp=dr_site_value('hdtp');?>    
                        <div class="inbanner">
                            <ul class="visual_slide">
                                <?php if ($hdtp) { $key=0; foreach ($hdtp as $v) { ?>
                                <li> 
                                    <a class="bannerheight web-banner" href="{$v[3]}">
                                        <img class="banner-img" src="{dr_get_file($v[1])}" alt="{$v[2]}">
                                    </a> 
                                </li>
                                <?php  $key++; } } ?>
                            </ul>
                        </div>
                        <div class="index-waper-box">
                            <div class="index-back-box digital">
                                <div class="sub-arrows bx-controls-direction"> <i class="icom prev bx-prev"></i> <i
                                        class="icom next bx-next"></i> </div>
                                <div class="sub-mouse"> <span><img src="{HOME_THEME_PATH}picture/sub-mouse.png"></span>
                                </div>
                                <?php $bannersjlb=dr_site_value('bannersjlb');?>
                                <div class="IndexList active">
                                    <ul>
                                        <?php if ($bannersjlb) { $key=0; foreach ($bannersjlb as $v) { ?>
                                        <li> 
                                            <b> <em class="nub timer" id="count-number" data-to="{$v[1]}" data-speed="900">{$v[1]}</em></b> 
                                            <span class="pd"><span class="pd">{usu_fanyi($v[2], $language)}</span></span> 
                                        </li>
                                        <?php  $key++; } } ?>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section01">
                    <div class="layout">
                        <?php $symk1=dr_site_value('symk1');?>
                        <?php if ($symk1) { $key=0; foreach ($symk1 as $v) { ?>
                        <div class="index-title wow fadeInUp" data-wow-delay="0.0s"> 
                            <span>{usu_fanyi($v[1], $language)}</span>
                            {usu_fanyi($v[2], $language)}</div>
                        <?php  $key++; } } ?>
                        <div class="index-ser">
                            <?php $symk1lb=dr_site_value('symk1lb');?>
                            <ul class="clearfix">
                                <?php if ($symk1lb) { $key=0; foreach ($symk1lb as $v) { ?>
                                <li >
                                    <div class="item wow fadeInUp" data-wow-delay="0.2s" style="height: 240px;"><a href="{$v[4]}">
                                            <i style="background-image:url({dr_get_file($v[1])});"
                                                class="co"></i>
                                            <h2>{usu_fanyi($v[2], $language)}</h2>
                                            <span><span>{usu_fanyi($v[3], $language)}</span></span>
                                        </a></div>
                                </li>
                                <?php  $key++; } } ?>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="section02">
                    <div class="layout">
                        <div class="index-title wow fadeInUp" data-wow-delay="0.0s"> <span>{usu_fanyi('Hot Products', $language)}</span>
                            {usu_fanyi('We will work harder in the future to create more and better products', $language)}！ </div>
                        <div class="index-case">
                            <ul class="clearfix">
                                {module module=news catid=1 flag=1}
                                <li class="wow fadeInUp" data-wow-delay="0.0s">
                                    <div class="pic"> 
                                        <img src="{dr_get_file($t['thumb'])}">
                                        <div class="btn-group trans"> 
                                            <a class="details_btn trans" href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi('MORE', $language)}</a> 
                                        </div>
                                    </div>
                                    <a href="{dr_url_rel($t.url, SITE_URL)}">
                                        <h2 class="h2"> <span>{usu_fanyi($t['title'], $language)}</span> <i></i> </h2>
                                    </a>
                                </li>
                                {/module}
                            </ul>
                            <a class="indexmore" href="/product">{usu_fanyi('MORE', $language)}</a>
                        </div>
                    </div>
                </div>
                <div class="section03">
                    <div class="layout">
                        <div class="index-title wow fadeInUp" data-wow-delay="0.0s"> <span>{usu_fanyi('Partners', $language)}</span>
                            {usu_fanyi('Brand to create value', $language)} </div>
                        <div class="index-kehu">
                            <ul class="clearfix">
                                <?php $mysite=dr_site_value('sypartners');?>
                                <?php if ($mysite) { $key=0;foreach ($mysite as $c) { ?>
                                <li class="wow fadeInUp" data-wow-delay="0.05s"> 
                                    <a href="javascript:void(0);">
                                        <span><img alt="{usu_fanyi('Partners', $language)}" title="{usu_fanyi('Partners', $language)}" src="{dr_get_file($c.file)}"></span> 
                                        <i class="bg"></i>
                                    </a> 
                               </li>
                               <?php $key++;} } ?>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="section04">
                    <div class="layout">
                        <div class="index-title wow fadeInUp" data-wow-delay="0.0s"> <span>{usu_fanyi('News', $language)}</span>
                            {usu_fanyi('Observe the industrys visual perspective and express your opinions from a professional standpoint', $language)} </div>
                        <div class="index-news">
                            <div class="owl-carousel" id="owl-demo2">
                                {module module=news catid=2 num=10}
                                <div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="{dr_url_rel($t.url, SITE_URL)}"
                                        title="{usu_fanyi($t['title'], $language)}">
                                        <div class="tmain"> <span class="time">{dr_date($t['updatetime'],'Y-m-d')}</span>
                                            <h3 class="title overflowtxt">{usu_fanyi($t['title'], $language)}</h3>
                                            <div class="h3">
                                                {usu_fanyi($t['description'], $language)}</div>
                                            <span class="more">{usu_fanyi('Load More', $language)}</span>
                                        </div>
                                    </a> 
                                </div>
                                {/module}
                            </div>
                            <a class="indexmore" href="/news">{usu_fanyi('More', $language)}</a>
                        </div>
                    </div>
                </div>
                <div class="section04" style="margin-top: 10px;">
                    <div class="layout">
                        <div class="index-title wow fadeInUp" data-wow-delay="0.0s"> <span>{usu_fanyi('Case', $language)}</span>
                            {usu_fanyi('Classic Customer Service Cases', $language)} </div>
                            <div class="index-case">
                                <ul class="clearfix">
                                    {module module=news catid=10 num=0,8}
                                    <li class="wow fadeInUp" data-wow-delay="0.0s">
                                        <div class="pic"> 
                                            <img src="{dr_get_file($t['thumb'])}">
                                            <div class="btn-group trans"> 
                                                <a class="details_btn trans" href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi('MORE', $language)}</a> 
                                            </div>
                                        </div>
                                        <a href="{dr_url_rel($t.url, SITE_URL)}">
                                            <h2 class="h2"> <span>{usu_fanyi($t['title'], $language)}</span> <i></i> </h2>
                                        </a>
                                    </li>
                                    {/module}
                                </ul>
                                <a class="indexmore" href="/case">{usu_fanyi('MORE', $language)}</a>
                            </div>
                    </div>
                </div>
                {template nav_contact.html}
            </div>
        </section>
        {template footer.html}
    </div>
    <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/number.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#owl-demo1").owlCarousel({
                items: 1,
                lazyLoad: true,
                navigation: true, //打开上一个，下一个按钮
                pagination: false, //打开页码
                autoPlay: true
            });
            $("#owl-demo2").owlCarousel({
                items: 4,
                lazyLoad: true,
                navigation: true, //打开上一个，下一个按钮
                pagination: false, //打开页码
                autoPlay: true
            });

        });
        $('.visual_slide').bxSlider({
            mode: "horizontal",
            auto: true,
            nextText: '<span class="bannext"></span>',
            prevText: '<span class="banprev"></span>',
        });
        //滚动到一定位置添加CLASS
        $(window).scroll(function () {
            var h = $(document).scrollTop();
            var j = window.screen.height;
            var o = $(".contain").offset().top;
            if (h > o + 200) {
                $('.digital').addClass('active');
            } else {
                $('.digital').removeClass('active');
            }
        });
    </script>
</body>

</html>